
body{
	background-image: url("../images/web-background.png");
	background-repeat: no-repeat;
}

/* head CSS */
.header-content{
	width: 923px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 0.8em;
	font-family: sans-serif;
}

.header-content-logo{
	float: left;
	position: relative;
	cursor: pointer;
	margin-top: -8px;
}

.header-content-searcher{
	float: right;
	background-image: url('../images/head-searcher-box.png');
	width: 219px;
	height: 23px;
	margin-top: 5px;
	margin-right: -10px;
}

.header-sercher-input{
	margin-left: 30px;
	width: 160px;
	border-style: none;
	background-color: transparent;
	height: 21px;
	color: white;
}

.header-content-proyect{
	float: right;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

.header-content-whats{
	float: right;
	margin-right: 160px;
	margin-top: 8px;
}

/*.header-content-whats div{*/
.header-content-whats-tittle {
	position: absolute;
	z-index: 10000;
	cursor: pointer;
	margin-left: -7px;
}

.header-content-whats-backslide{
	position: absolute;
	margin-left: -10px;
	margin-top: -3px;
	width: 199px;
	height: 145px;
	background-image: url('../images/head-whats-backslide.png');
	z-index: 999;
	display: none;
	cursor: pointer;
}

.header-content-whats-backslide-agrup{
	margin-left: 5px;
	margin-top: 28px;
}

.header-content-whats-backslide-individual{
	position: relative;
	margin-left: 0;
	margin-top: 1px;
	font-size: 9px;
	height: 18px;
}

.header-content-whats-backslide-individual img {
	position: absolute;
	margin-right: 7px;
	margin-top: -3px;
}

.header-content-whats-backslide-individual a{
	text-decoration: none;
	margin-left: 20px;
}

.header-content-whats-backslide-individual a:link{
	color: white;
}

.header-content-whats-backslide-individual a:visited{
	color: white;
}

.header-content-login{
	float: right;
	margin-top: 8px;
	margin-right: -60px;
	cursor: pointer;
}

.contact-content{
	float: right;
	margin-top: 50px;
	margin-right: 10px;
	color: #2b6f9e;
	cursor: pointer;
}

/* Body CSS */

.body-content{
	width: 923px;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* Home CSS */

.home-content-tittle{
	width: 401px;
	margin-left: auto;
	margin-right: auto;
}

.home-slider-wrapper{
	width: 922px;
	height: 315px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

.home-slider-text{
	position: relative;
	width: 930px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	color: gray;
	font-family: sans-serif;
	font-size: 20px;
	overflow: hidden;
}

.home-slider-text div{
	height: 120px;
}

.home-slider-text span{
	float: right;
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
}

#pscroller1{
	height: 130px;
}

.home-slider-text-box{
	background-image: url('../images/slide-text-box.png');
	width: 193px;
	height: 272px;
	float: left;
	font-style: italic;
	font-family: sans-serif;
}

.home-slider-text-box div{
	display: none;

}

.home-slider-text-box div span{
	float: right;
	position: relative;
	margin-top: -30px;
	margin-right: 15px;
	font-size: 20px;
}

.home-slider-text-box div p{
	width: 170px;
	margin-left: 15px;
	font-size: 17px;
	margin-top: 50px;
}

/* Prevent the slideshow from flashing on load */
#slides {
      display: none
    }
/* erase next line to show play/stop */
	.slidesjs-navigation {
		display: none;
    }


    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-container{
    	height: 285px;
    }

    .slidesjs-control{
    	width: 724px;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
      margin-right: 360px;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url('../images/pagination.png');
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/* Center the slideshow */
.container {
	margin: 0 auto;
	float: right;
}

/* Show active item in the pagination */
.slidesjs-pagination .active {
	color:red;
}

/* Media quires for a responsive layout */

/* For tablets & smart phones */
@media (max-width: 767px) {
	body {
		padding-left: 10px;
		padding-right: 10px;
	}
	.container {
		width: auto
	}
}

/* For smartphones */
@media (max-width: 480px) {
	.container {
		width: auto
	}
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		width: 724px
	}
}

/* For larger displays */
@media (min-width: 1200px) {
	.container {
		width: 724px
	}
}


/* Footer CSS */

.footer-content{
	width: 922px;
	height: 276px;
	background-image: url('../images/footer-background.png');
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.footer-content div{
	color: white;
	font-family: sans-serif;
	float: left;
	margin-top: 20px;
	font-size: 11px;
	line-height:20px;
	font-weight: lighter;
}

.footer-content-projects{
	margin-left: 40px;
	width: 150px;

}

.footer-content-whats{
	margin-left: 40px;
	width: 200px;
}

.footer-content-whats a{
	text-decoration: none;
}

.footer-content-whats a:link{
	color: white;
}

.footer-content-whats a:visited{
	color: white;
}

.footer-content-place{
	margin-left: 85px;
	width: 200px;
}

.footer-content div span {
	font-weight: bold;
	font-size: 13px;
}

/* Whats CSS */

.whats-content{
	width: 753px;
	height: 690px;
	background-image: url('../images/whats-background.png');
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}

.whats-content-text{

	position: relative;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font-size: 12px;
	font-style: italic;
	font-family: sans-serif;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.whats-content-text img{
	margin-left: -40px;
	position: absolute;
}

.whats-content-text span{
	font-size: 15px;
	font-weight: bold;
}